<template>
  <h3>Child..</h3>
  <p>{{ count }}</p>
  <button @click="emit('setCount')">更新</button>
  <ul>
    <li v-for="user in users" :key="user.id">
      {{ user.name }}
    </li>
  </ul>
</template>

<script lang="ts" setup>
import { defineProps, defineEmits } from "vue";

interface User {
  id: number;
  name: string;
}

// 声明接受props(js)
// const props = defineProps({
//   count: Number, // 基本类型可以
//   users: Array // 引用类型不行
// });
// 声明接受props(ts)
const props = defineProps<{
  count: number;
  users: User[];
}>();

console.log(props.count);

// 声明接受事件
const emit = defineEmits(["setCount"]);
</script>

<style></style>
